<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ~ Copyright (c) 2017-2020 Contributors to the Eclipse Foundation
  ~
  ~ See the NOTICE file(s) distributed with this work for additional
  ~ information regarding copyright ownership.
  ~
  ~ This program and the accompanying materials are made available under the
  ~ terms of the Eclipse Public License 2.0 which is available at
  ~ http://www.eclipse.org/legal/epl-2.0, or the Apache Software License 2.0
  ~ which is available at https://www.apache.org/licenses/LICENSE-2.0.
  ~
  ~ SPDX-License-Identifier: EPL-2.0 OR Apache-2.0
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div id="header" class="header">
    <div id="showabout">
        <winery-oauth></winery-oauth>
        <button class="btn btn-default btn-xs orderRight" type="button" (click)="aboutModal.show()">about</button>
    </div>
    <nav id="mainMenuContainer">
        <a class="styledTabMenuButton"
           [routerLink]="['/servicetemplates']"
           [routerLinkActive]="['selected']">
            <div class="left"></div>
            <div class="center">Service Templates</div>
            <div class="right"></div>
        </a>
        <a class="styledTabMenuButton"
           [routerLink]="['/nodetypes']"
           [routerLinkActive]="['selected']">
            <div class="left"></div>
            <div class="center">Node Types</div>
            <div class="right"></div>
        </a>
        <a class="styledTabMenuButton"
           [routerLink]="['/relationshiptypes']"
           [routerLinkActive]="['selected']">
            <div class="left"></div>
            <div class="center">Relationship Types</div>
            <div class="right"></div>
        </a>
        <a class="styledTabMenuButton" *ngIf="selectedOtherComponent && selectedOtherComponent.length > 0"
           [routerLink]="['/' + selectedOtherComponent]"
           [routerLinkActive]="['selected']">
            <div class="left"></div>
            <div class="center">{{ selectedOtherComponent | toscaTypeToReadableName:'true' }}</div>
            <div class="right"></div>
        </a>
        <a class="styledTabMenuButton"
           [routerLink]="['/other']"
           [class.selected]="otherActive">
            <div class="left"></div>
            <div class="center"
                 style="max-width: 310px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">
                Other Elements
            </div>
            <div class="right"></div>
        </a>
        <a class="styledTabMenuButton"
           [routerLink]="['/admin']"
           [routerLinkActive]="['selected']">
            <div class="left"></div>
            <div class="center">Administration</div>
            <div class="right"></div>
        </a>

    </nav>
</div>

<winery-modal bsModal #aboutModal="bs-modal" [modalRef]="aboutModal">
    <winery-modal-header [title]="'Winery 1.0.0-SNAPSHOT'">
    </winery-modal-header>
    <winery-modal-body>
        <p> Supporting <a href="docs.oasis-open.org/tosca/TOSCA/v1.0/os/TOSCA-v1.0-os.html">TOSCA-v1.0 &ndash;
            Topology and Orchestration Specification for Cloud Applications Version 1.0. 25 November 2013. OASIS
            Standard.</a><br/>
            <br/>
            Code contributions by Oliver Kopp, Tobias Binz, Uwe Breitenbücher, Kálmán Képes, Rene Trefft, Yves Schubert,
            Timur Sungur, Jerome Tagliaferri, Tobias Unger, Lukas Harzenetter, Niko Stadelmaier, Tino Stadelmaier,
            Nicole Keppler, Philipp Meyer, Lukas Balzer, Huixin Liu
        </p>
        <h3>License</h3>
        <p>The Eclipse Foundation makes available all content of this software (&ldquo;Content&rdquo;).
            Unless otherwise indicated below, the Content is provided to you under the terms and conditions of the
            Eclipse Public License Version 2.0 (&ldquo;EPL&rdquo;) and the and the Apache License 2.0.
            A copy of the EPL is available at <a href="http://www.eclipse.org/legal/epl-v20.html">http://www.eclipse.org/legal/epl-v20.html</a>.
            A copy of the ASL is available at <a href="http://www.apache.org/licenses/LICENSE-2.0.html">http://www.apache.org/licenses/LICENSE-2.0.html</a>.
            For purposes of the EPL, &ldquo;Program&rdquo; will mean the Content.</p>
        <p>If you did not receive this Content directly from the Eclipse Foundation, the Content is being redistributed
            by another party (&ldquo;Redistributor&rdquo;) and different terms and conditions may apply to your use of
            any object code in the Content.
            Check the Redistributor's license that was provided with the Content.
            If no such license exists, contact the Redistributor.
            Unless otherwise indicated below, the terms and conditions of the EPL still apply to any source code in the
            Content and such source code may be obtained at <a href="http://www.eclipse.org">http://www.eclipse.org</a>.
        </p>
    </winery-modal-body>
    <winery-modal-footer [showDefaultButtons]="false">
        <button type="button" class="btn btn-default" (click)="aboutModal.hide()">OK</button>
    </winery-modal-footer>
</winery-modal>
